.avatar-uploader .el-uploader {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.avatar-uploader .el-uploader:hover {
  border-color: #409eff;
}
.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  min-width: 5rem;
  height: 5rem;
  line-height: 5rem;
  text-align: center;
  border-radius: 6px;
  border: 1px dashed #d9d9d9;
}
.avatar {
  min-width: 10rem;
  height: 10rem;
  border-radius: 5px;
  display: block;
}
.el-menu {
  border-right:0px solid  #e6e6e6;
  list-style: none;
  position: relative;
  margin: 0;
  padding-left: 0;
  background-color: #20222a;
}
.el-submenu__title ,.el-menu-item{
  color: hsla(0, 0%, 100%, 0.7);
}
.el-menu-item:focus, .el-menu-item:hover{
  border-color: #409eff;
  background-color: #20222a;
}
.el-submenu__title:hover {
  background-color: #20222a;
}